<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/base.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <!--顶部大盒子-->
    <div class="top">
        <!--顶部居中盒子-->
        <div class="top_center w1200 mAuto clearfix">
            <!--左侧盒子-->
            <p class="fl">欢迎来到天天生鲜</p>
            <!--用户盒子-->
            <div class="user_link fr">
                <span>|</span>
                <a href="#">用户中心</a>
                <span>|</span>
                <a href="#">我的购物车</a>
                <span>|</span>
                <a href="#">我的订单</a>
            </div>
            <!--登录盒子-->
            <div class="login_btn fr">
                <a href="#">登录</a>
                <span>|</span>
                <a href="#">注册</a>
            </div>
            <!--用户信息盒子-->
            <div class="login_info fr">
                欢迎您: <em>张三</em>
            </div>
        </div>
    </div>

    <!---搜索模块-->
    <div class="search_bar clearfix">
        <!--logo模块-->
        <a href="index.html" class="logo fl">
            <img src="img/index_logo.png" alt="">
        </a>
        <!--搜索模块-->
        <div class="search_con fl">
            <form action="" class="clearfix">
                <input type="text" placeholder="搜索商品" name="product_search" class="input_text fl">
                <input type="submit" value="搜索" class="input_btn fl">
            </form>
        </div>
        <!---购物车模块-->
        <div class="guest_cart fr">
            <a href="#" class="cart_name fl">我的购物车</a>
            <div class="goods_count fl">1</div>
        </div>
    </div>

    <!--导航模块-->
    <div class="nav_bar_con">
        <div class="nav_bar mAuto clearfix">
            <h1 class="fl">全部商品分类</h1>
            <ul class="fl">
                <li><a href="#">首页</a></li>
                <li class="interval">|</li>
                <li><a href="#">手机生鲜</a></li>
                <li class="interval">|</li>
                <li><a href="#">抽奖</a></li>
            </ul>
        </div>
    </div>

    <!--菜单内容模块-->
    <div class="center_con mAuto">
        <!--左侧菜单盒子-->
            <ul class="sub_nav fl">
                <li><a class="fruit" href="#">新鲜水果</a></li>
                <li><a class="seafood" href="#">海鲜水产</a></li>
                <li><a class="meet" href="#">猪牛羊肉</a></li>
                <li><a class="egg" href="#">禽类蛋品</a></li>
                <li><a class="vegetables" href="#">新鲜蔬菜</a></li>
                <li><a class="ice" href="#">速冻食品</a></li>
            </ul>
        <!--轮播模块-->
        <div class="slide fl">
            <ul class="slide_pics">
                <li><img src="img/slide.jpg" alt=""></li>
                <li><img src="img/slide02.jpg" alt=""></li>
                <li><img src="img/slide03.jpg" alt=""></li>
                <li><img src="img/slide04.jpg" alt=""></li>
            </ul>
            <div class="prev"></div>
            <div class="next"></div>
            <ul class="points">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!--右侧产品广告模块-->
        <div class="adv fl">
            <a href="#"><img src="img/adv01.jpg" alt=""></a>
            <a href="#"><img src="img/adv02.jpg" alt=""></a>
        </div>
    </div>
</body>
</html>
<script src="js/jquery-1.10.1.js"></script>
<script src="js/index.js"></script>